<template>
  <div id="app">
      <div class="app-box">
          <router-view/>
      </div>
  </div>
</template>
<script>
    export default {
        name: 'App',
        components:{

        },
        mounted() {
        },
        methods:{


        }
    }
</script>

<style>
    @import './assets/iconfont/iconfont.css';
    *{
        padding: 0;
        margin: 0;
    }
    body{
        background: #F7F7F7;
        overflow-y:scroll ;
        -webkit-overflow-scrolling : touch;
        height: 100vh;
        box-sizing: border-box;
    }
    .app-box{
        position: relative;
        z-index: 1;
    }
    #container{
        position: absolute;
        width: 0;
        height: 0;
        top: 0;
    }
    a{
        display: inline-block;
        text-decoration: none;
        color:black;
    }
    input,button,textarea{
        border:0;
        outline: none;
        background: transparent;
    }
    ul{
        list-style: none;
    }
    .footer{
        position: fixed;
        bottom: 0;
        width: 100%;
    }
</style>
